@name yt {
  @b count {
    position: relative;
    display: inline-block;
    padding: 0 44px;
    font-size: 0;
    line-height: 1;
    @e reduce, add {
      position: absolute;
      display: inline-block;
      vertical-align: middle;
      top: 50%;
    }
    @e reduce {
      left: 0;
      transform: translate3d(0, -50%, 0);
      transition: all .3s cubic-bezier(.645, .045, .355, 1);
    }
    @e add {
      left: 100%;
      transform: translate3d(-100%, -50%, 0);
    }
    @e icon {
      color: var(--font_color);
      padding: 10px;
      i {
        font-size: 24px;
      }
      @when disabled {
        color: var(--disabled_color);
      }
    }
    @e num {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      min-width: 15px;
      font-size: 14px;
      color: #606266;
    }
  }
}
